﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        table.gridtable {
            font-family: verdana,arial,sans-serif;
            font-size: 11px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
        }

            table.gridtable th {
                border-width: 1px;
                padding: 8px;
                border-style: solid;
                border-color: #666666;
                background-color: #dedede;
            }

            table.gridtable td {
                border-width: 1px;
                padding: 8px;
                border-style: solid;
                border-color: #666666;
                background-color: #ffffff;
            }
    </style>
    <script src="Resource/jquery-1.10.2.js"></script>
    <script src="Resource/ButtonComponent.js"></script>
</head>
<body>
    <table class="gridtable">
        <tr>
            <th>测试 TH1</th>
            <th>测试 TH1</th>
        </tr>
        <tr>
            <td>
                <input type="button" style="width:300px" value="Click Me1" tag="b" /></td>
            <td>
                <input type="button" value="Click Me2" tag="b" /></td>
        </tr>
        <tr>
            <td>
                <input type="button" value="Click Me3" tag="b" /></td>
            <td>
                <input type="button" value="Click Me" tag="b" /></td>
        </tr>
        <tr>
            <td>
                <input type="button" value="Click Me" tag="b" /></td>
            <td>
                <input type="button" value="Click Me" tag="b" /></td>
        </tr>
    </table>
</body>
</html>
<script>
    $("input[type=button][tag=b]").each(function (i) {
        $(this).click(function () {
            $(this).discover(10 + i);
        })
    })
</script>
